<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>K19 - Treinamento</title>
</h:head>
<h:body>

	<h1 align="center">Cadastro</h1>

	<h:form prependId="false">
		<h:panelGrid columns="3">
			<h:outputLabel value="Nome:" for="campo-nome" />
			<h:inputText value="#{cadastroBean.nome}" id="campo-nome" required="true" />
			<h:message for="campo-nome" />

			<h:outputLabel value="Estado:" for="campo-estado" />
			<h:selectOneMenu value="#{cadastroBean.siglaDoEstadoEscolhido}" id="campo-estado" onchange="this.form.submit();"
				valueChangeListener="#{cadastroBean.mudaEstado}" required="true" immediate="true">
				<f:selectItem itemLabel="Selecione um Estado" noSelectionOption="true" />
				<f:selectItems value="#{cadastroBean.estados}" var="estado" itemLabel="#{estado.nome}" itemValue="#{estado.sigla}" />
			</h:selectOneMenu>
			<h:message for="campo-estado" />


			<h:outputLabel value="Cidade:" for="campo-cidade" />
			<h:selectOneMenu value="#{cadastroBean.cidade}" id="campo-cidade" required="true">
				<f:selectItem itemLabel="Selecione uma cidade" noSelectionOption="true" />

				<f:selectItems value="#{cadastroBean.estadoEscolhido.cidades}" />
			</h:selectOneMenu>
			<h:message for="campo-cidade"/>
			
			<h:commandButton value="Cadastrar" />
			
		</h:panelGrid>
	</h:form>




</h:body>
</html>
